<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="__PUBLIC__/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/Validform/5.3.2/style.css" rel="stylesheet" type="text/css" />
<link href="Tpl/Admin/common/family/family.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>添加家庭</title>
</head>
<body>
<div class="pd-20">
	<form action="" method="post" class="form form-horizontal" id="form-family-add">
		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>所在地址：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text room_name" value="" placeholder="" name="" disabled='disabled'>
				<input type="hidden" class="input-text room_id" value="" name="room_id">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>家庭编号：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text" value="" placeholder="" id="no" name="no" datatype="*" errormsg="" nullmsg="请输入家庭编号：">
			</div>
			<div class="col-4"> </div>
		</div>


		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>户主：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text" value="" placeholder="" id="choiceOwName" name="owner_id" datatype="*" errormsg="" nullmsg="请输入家庭名称">
				<input type="hidden" class="input-text" value="" placeholder="" id="choiceOwId" name="owner_id" datatype="*" errormsg="" nullmsg="请输入家庭名称">
			</div>
			<div class="col-4"><span class="btn btn-primary size-S radius choiceOw">选取户主</span></div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">物业开始服务：</label>
			<div class="formControls col-5">
				<input onfocus="WdatePicker()" type="text" class="input-text" value="" placeholder="请选择物业开始服务时间" id="address" name="svr_start_time" datatype="*" errormsg="" nullmsg="请选择物业开始服务时间">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">物业停止服务：</label>
			<div class="formControls col-5">
				<input onfocus="WdatePicker()" type="text" class="input-text" value="" placeholder="请选择物业停止服务时间" id="address" name="svr_end_time" datatype="*" errormsg="" nullmsg="请选择物业停止服务时间">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">备注：</label>
			<div class="formControls col-5">
				<textarea name="remark" cols="" rows="" class="textarea"  placeholder="100个字符以内" dragonfly="true" value="" onKeyUp="textarealength(this,100)"></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<div class="col-9 col-offset-3">
				<input class="btn btn-primary radius" type="submit" value="提交">
			</div>
		</div>
	</form>
	<div class="choiceView pd-10">
		
		<div class="row cl">
			<div class="col-2"></div>
			<div class="col-8"><input type="text" class="input-text choiceName" value="" placeholder="请输入客户名称搜索"></div>
			<div class="col-2"></div>
		</div>
		
		<div class="row">
			<div class="col-2"></div>
			<div class="col-8">
				<table class="table table-border table-bordered table-bg">
					<thead>
						<tr class="text-c">
							<th>姓名</th>
							<th>编号</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody class="perTableTbody choiceTr">
						<tr class="text-c">
							<td>消失</td>
							<td>330621199111098955</td>
							<td><button class="label label-primary choiceOwBtn" uid="1" uname="消失">确定</button></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="col-2"></div>
		</div>
		
	</div>
</div>
<script type="text/javascript" src="__PUBLIC__/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/lib/icheck/jquery.icheck.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/lib/Validform/5.3.2/Validform.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/layer/2.1/layer.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/H-ui.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/getUrl.js"></script>
<script type="text/javascript" src="Tpl/Admin/common/family/dataAdd.js"></script>
<script type="text/javascript" src="Tpl/Admin/common/family/choiceOw.js"></script>
<script src="http://cdn.bootcss.com/jquery.form/3.51/jquery.form.min.js"></script>
<script type="text/javascript"> 
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	$(".choiceView").hide();

});
</script>

</body>
</html>